<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="jquery.min.js"></script>
</head>

<body>
<div style="width: 300px; height: 300px; border: 1px red solid">
	<p align="center">itcast</p>
</div>

<script>
	// 获取高
	alert($('div').height());
	// 设置高
	$('div').height(500);
	// 获取宽
	$('div').width();
	// 设置宽
	$('div').width(600);
</script>


<input type="button" id="i" value="文本"><br>
<input type="text" id="t">

<div id="d">
	<div>
		<p>icast</p>
	</div>
</div>

<script>
	$('#i').click(function () {
		// 修改文本框的内容
		// $('#t').val('呵呵呵呵');

		// 获取内容
		alert($('#d').html());
		// 替换内容
		$('#d').html('<i>你好，世界</i>>')
	});
</script>
</body>
</html>